<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>详情</title>
    <link rel="icon" href="img/logo.ico" type="images/x-ico" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/mui.min.css">
    <link rel="stylesheet" href="css/zhaoxiaoqu_xiangqing_hjx.css">
    <link rel="stylesheet" href="fonts/fonts_village/iconfont.css">
    <script src="js/zepto.js"></script>
    <script src="./js/rem1.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header all">
        <a href="./zhaoxiaoqu_hjx.html" class="iconfont icon-zuojiantou jt" id="home"></a>
        <div class="logo">
            <a class="header_city" id="city">合肥
                <span class="iconfont icon-xiajiantou jt_s"></span>
            </a>
            <img src="img/logo.png" alt="">
            <span class="iconfont icon-user"></span>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="mui-slider">
        <div class="mui-slider-group">
            <div class="mui-slider-item mui_img">
                <a href="#" class="add_img"></a>
            </div>
            <div class="mui-slider-item">
                <a href="#"><img src="img/img_village/all_rent.webp" /></a>
            </div>
            <div class="mui-slider-item">
                <a href="#" class="add_img"></a>
            </div>
            <div class="mui-slider-item">
                <a href="#"><img src="img/img_village/all_rent.webp" /></a>
            </div>
        </div>
    </div>

    <div class="contents all all_pd">
        <div class="top clear">
            <div class="left _fl">
                <h2 class="name" id="name"></h2>
                <p class="present" id="present"></p>
            </div>
            <div class="right _fr" id="xin">
                <span class="iconfont icon-like"></span>
                <p>777人关注</p>
            </div>
        </div>
        <div class="pink_bg">
            <span class="iconfont icon-jiangbei"></span> 合肥市人气小区榜第一名
            <span class="iconfont icon-youjiantou _fr iconfont2"></span>
        </div>
        <div class="center">
            <div class="center_top">
                <div class="">
                    <p><span class="price big_size"><span id="price"></span></span>元/平</p>
                    <p>参考均价</p>
                </div>
                <div class="">
                    <p><span class="sjx_top"></span> 0.45%</p>
                </div>
            </div>
            <div class="center_bottom">
                <div>
                    <p><span class="big_size">42</span>套</p>
                    <p style="color: blue;">在售房源<span class="iconfont icon-youjiantou _fr"></span></p>
                </div><span class="divider">/</span>
                <div>
                    <p><span class="big_size">1258</span>套</p>
                    <p>历史成交<span class="iconfont icon-youjiantou _fr"></span></p>
                </div><span class="divider">/</span>
                <div>
                    <p><span class="big_size">18</span>套</p>
                    <p>在租房源<span class="iconfont icon-youjiantou _fr"></span></p>
                </div>
            </div>
        </div>
        <div class="call clear">
            <div class="left _fl">
                <img src="img/img_village/pic.jpg" alt="" class="_fl img">
                <div class="_fl">
                    <p class="size_l">海绵宝宝
                        <span class="size_s">链家</span>
                        <img src="img/img_village/user.png" alt="">
                    </p>
                    <p>好评经纪人</p>
                </div>
            </div>
            <div class="right _fr">
                <span class="circle iconfont icon-xiaoxi1"></span>
                <span class="circle iconfont icon-tubiao210"></span>
            </div>
        </div>
    </div>
    <div class="other all all_pd">
        <h3>小区攻略</h3>
        <div class="strategy clear">
            <div class="strategy_1 clear">
                <div class="left _fl">
                    <p class="blue_bg">攻略</p>
                    <h3>常营附近园林社区，交通便利配套齐全</h3>
                    <p class="size_l">396人已读</p>
                </div>
                <div class="right _fr"><img src="img/img_village/1.png" alt=""></div>
            </div>
            <div class="strategy_2 strategy_2_1 _fl">
                <p class="size_big">贝壳测评7分</p>
                <p class="size_l">特点全解析</p>
            </div>
            <div class="strategy_2 strategy_2_2 _fr">
                <p class="size_big">小区对比</p>
                <p class="size_l">治愈选房恐惧症</p>
            </div>
        </div>
        <h3>小区概况</h3>
        <div class="about about_height">
            <p class="size_l"><span class="color_gray">建成年代:</span>2009-2014年</p>
            <p class="size_l"><span class="color_gray">房屋用途:</span>普通住宅/商业/底商</p>
            <p class="size_l"><span class="color_gray">建筑类型:</span>塔板结合</p>
            <p class="size_l"><span class="color_gray">开发企业:</span>合肥硕和房地产开发有限公司</p>
            <p class="size_l"><span class="color_gray">交易权属:</span>商品房</p>
            <p class="size_l"><span class="color_gray">物业公司:</span>合肥天诚广厦物业管理有限公司</p>
            <p class="size_l"><span class="color_gray">建成年代:</span>2009-2014年</p>
            <p class="size_l"><span class="color_gray">房屋用途:</span>普通住宅/商业/底商</p>
            <p class="size_l"><span class="color_gray">建筑类型:</span>塔板结合</p>
            <p class="size_l"><span class="color_gray">开发企业:</span>合肥硕和房地产开发有限公司</p>
            <p class="size_l"><span class="color_gray">交易权属:</span>商品房</p>
            <p class="size_l"><span class="color_gray">物业公司:</span>合肥天诚广厦物业管理有限公司</p>
        </div>
        <p class="about_toggle">查看全部信息<span class="iconfont icon-xiajiantou jt_s"></span></p>
        <h3>周边配套</h3>
        <div class="around all all_pd">
            <ul class="around_ul">
                <li class="active">交通</li>
                <li>医疗</li>
                <li>生活</li>
                <li>休闲</li>
            </ul>
            <div class="around_div" style="display: block;">
                <img src="img/img_village/4.png" alt="">
                <p>地铁：距离八里桥站1547米 地铁：距离常营站1342米 地铁：距离草房站1612米 地铁：距离管庄站648米</p>
                <p>出行：可乘地铁管庄站，一公里内有多个公交站，驾车朝阳北路早晚拥堵。</p>
            </div>
            <div class="around_div">
                <img src="img/img_village/5.png" alt="">
                <p>小区3000米没有大型综合医院，管庄第二社区卫生服务站，位于瑞祥里小区17号楼，在小区的东南侧，从小区一期东门步行约800米可到。</p>
            </div>
            <div class="around_div">
                <img src="img/img_village/6.png" alt="">
                <p>东十里堡路上的底商能满足基本的生活需求，有超市、餐饮等多家商铺，小区内有超市和便利店，新发地菜市场在小区附近。小区北侧是长楹天街购物广场和华联商场，要去买菜的话，在小区的西南侧也有中百农贸市场。</p>
            </div>
            <div class="around_div">
                <img src="img/img_village/7.png" alt="">
                <p>小区内有网球场、健身器材和乒乓球桌，在东十里堡路的底商中还有英派斯健身房，住户常去的公园有位于小区东南侧的八里桥音乐主题公园，西北侧还有常营公园。</p>
            </div>
        </div>
        <h3>小区户型 <span class="size_s _fr">全部户型<span class="iconfont icon-youjiantou"></span></span>
        </h3>
        <ul class="mold">
            <li>
                <img src="img/img_village/8.jpg" alt="">
                <p class="size_big">0居室·12个户型</p>
                <p>62㎡~151</p>
                <p class="color_red">暂无在售</p>
            </li>
            <li>
                <img src="img/img_village/8.jpg" alt="">
                <p class="size_big">0居室·12个户型</p>
                <p>62㎡~151</p>
                <p class="color_red">暂无在售</p>
            </li>
            <li>
                <img src="img/img_village/8.jpg" alt="">
                <p class="size_big">0居室·12个户型</p>
                <p>62㎡~151</p>
                <p class="color_red">暂无在售</p>
            </li>
            <li>
                <img src="img/img_village/8.jpg" alt="">
                <p class="size_big">0居室·12个户型</p>
                <p>62㎡~151</p>
                <p class="color_red">暂无在售</p>
            </li>
        </ul>
        <h3>热门点评 <span class="_fr color_blue"><span class="mui-icon mui-icon-chatbubble"></span> 我要点评</span>
        </h3>
        <ul class="talk">
            <li class="clear">
                <img src="img/img_village/pic.jpg" alt="" class="_fl">
                <div class="_fl right">
                    <p>13**67 <span class="_fr">有用（3）<span class="iconfont icon-zan"></span></span>
                    </p>
                    <p>2020-01-10 17:02:47</p>
                    <p class="text">
                        合肥新天地公园式小区，绿树成阴，小河流水，健身休闲，如同来到了一个公园里。小区周边，地铁，公交通四通八达，休闲，娱乐，健身一体化的华联，龙湖长楹街，常营体育公园，即将建成的三甲医院朝阳医院东院就在小区周边……生活非常方便
                    </p>
                </div>
            </li>
            <li class="clear">
                <img src="img/img_village/pic.jpg" alt="" class="_fl">
                <div class="_fl right">
                    <p>13**67 <span class="_fr">有用（3）<span class="iconfont icon-zan"></span></span>
                    </p>
                    <p>2020-01-10 17:02:47</p>
                    <p class="text">
                        合肥新天地公园式小区，绿树成阴，小河流水，健身休闲，如同来到了一个公园里。
                    </p>
                </div>
            </li>
        </ul>
        <div class="more">APP查看更多点评</div>
        <h3>小区问答</h3>
        <ul class="ask">
            <li class="for clear">
                <p class="ask_blue _fl ask_top">问</p>
                <p class="txt _fl">合肥新天地小区的房子，层高都是多少啊</p>
            </li>
            <li class="to clear">
                <p class="ask_red _fl ask_top">答</p>
                <p class="txt _fl">合肥新天地小区除了顶层外，其他的普遍层高都是2.65-2.75米。 合肥新天地小区的层基本都差不多，顶层的层高稍微高点，但是特殊的也就是2.9米这样。
                    合肥新天地小区的房型都是落地窗、飘窗，屋内采光充足，所以楼层的高度基本对居住感觉不会有什么影响，房子住着都很舒服，如果不是特别在意，基本没有觉得不好的。
                    合肥新天地小区房屋室内照片，此房是中间楼层的，层高约2.65米。
                </p>
                <p class="size_l">全部一个回答 更新于2016-09-12</p>
            </li>
            <li class="for clear">
                <p class="ask_blue _fl ask_top">问</p>
                <p class="txt _fl">北京新天地该社区的具体情况</p>
            </li>
            <li class="to clear">
                <p class="ask_red _fl ask_top">答</p>
                <p class="txt _fl">
                    1.开发商：合肥硕和房地产开发有限公司。2.开盘价格：一期开盘价格5600元起，二期7200元起，三期8000元起，四期11000元起，五期10号楼18000元起，9号楼11号楼22000元起15号楼27000元起，16号楼13号楼30000元起。3.楼盘是否获奖：该楼盘未获得奖项。4.设计理念是现代简约设计。5.开发商是否获奖：开发商也未获得奖项。
                </p>
                <p class="size_l">全部一个回答 更新于2016-09-12</p>
            </li>
            <li class="for clear">
                <p class="ask_blue _fl ask_top">问</p>
                <p class="txt _fl">合肥新天地小区的房子好卖吗</p>
            </li>
            <li class="to clear">
                <p class="ask_red _fl ask_top">答</p>
                <p class="txt _fl">合肥新天地整体成交周期47天左右，统计的是已经成交的房屋，其中两居室成交周期23天左右，小区改善客户很多
                    比较好卖，只要符合市场价格，第一：小区是周边品质较高的社区，符合现在购房年龄段客户的需求，第二，小区规模大，一居多，好多内部改善消化的多，3，小区价格处于相对周边的凹点，能吸引客户，4，周边规划配套齐全，有升值潜力。
                    小区目前来是南向两居的户型比较好卖，主要原因：1，符合小区大多改善和市场改善客户的需求，2，户型设计合理，采光好，格局方正。3，两居户型目前在售比较稀缺，供严重不应求，
                    如果需要尽快成交需要有完善的销售方案：1，集中组织看房，烘托销售氛围，2，选择最理想的看房时间，比如能突出装修或者采光等卖点。3，积极主动介绍房屋，让客户更信任。
                </p>
                <p class="size_l">全部一个回答 更新于2016-09-12</p>
            </li>
        </ul>
        <div class="more">APP查看更多问答</div>
        <h3>周边小区</h3>
    </div>
    <ul class="lists_add all all_pd" style="background-color: #fff;">

    </ul>
    <div class="circle"
        style="width: 1rem;height: 1rem;position: fixed;bottom: 1.6rem;right: .3rem;background-color: #FFF;box-shadow: 0 0 .1rem #888888;border-radius: 50%;text-align: center;">
        <span class="iconfont icon-xiaoxi" style="font-size: .6rem;line-height: 1rem;"></span>
    </div>
</body>
<script>

    $('.around_ul li').on('click', function () {
        $(this).addClass('active').siblings('.around_ul li').removeClass('active')
        $('.around_div').eq($(this).index()).show().siblings('.around_div').hide()
    })
    $.getJSON('http://118.31.73.169:3000/village?num=0', function (data) {
        for (var i = 0; i < data.length; i++) {
            $('.lists_add').get(0).innerHTML += `
                            <a href="#"><li class="list clear">
                                <div class="img _fl">
                                    <img src="${data[i].img}" alt="">
                                    <p class="blue_bg">小区攻略</p>
                                </div>
                                <div class="right _fl">
                                    <p class="name">${data[i].name}</p>
                                    <p class="present">${data[i].present}</p>
                                    <p class="price">${data[i].price}</p>
                                </div>
                            </li></a>
                        `
        }
    })
    var id_num = window.location.search.substring(4, 5);
    $.getJSON('http://118.31.73.169:3000/village_more?id=' + id_num, function (data) {
        $('#name').text(data[0].name)
        $('#present').text(data[0].present)
        $('#price').text(parseFloat(data[0].price))
        $('.add_img').html(`<img src="${data[0].img}" />`)
    })

</script>

</html>